<!DOCTYPE html>
<html lang="en-PH">
<head>
	<meta charset="utf-8">
	<title><?= "$page_title | Faculty Management Information System" ?></title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="PUP CCIS">

	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="<?= $base_url ?>css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="<?= $base_url ?>css/main.css"/>
	<link rel="stylesheet" type="text/css" href="<?= $base_url ?>css/jquery-ui-1.10.3.custom.css"/>
    <link rel="stylesheet" type="text/css" href="<?= $base_url ?>css/jquery.ui.timepicker.css"/>

	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	<script src="../assets/js/html5shiv.js"></script>
	<![endif]-->

	<!-- Fav and touch icons -->
	<link rel="apple-touch-icon-precomposed"
	      sizes="144x144"
	      href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-144-precomposed.png">
	<link rel="apple-touch-icon-precomposed"
	      sizes="114x114"
	      href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-114-precomposed.png">
	<link rel="apple-touch-icon-precomposed"
	      sizes="72x72"
	      href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-72-precomposed.png">
	<link rel="apple-touch-icon-precomposed"
	      href="http://getbootstrap.com/2.3.2/assets/ico/apple-touch-icon-57-precomposed.png">
	<link rel="shortcut icon" href="http://getbootstrap.com/2.3.2/assets/ico/favicon.png">
	
	<!-- JAVASCRIPTS -->
    <script type="text/javascript" src="<?= $base_url ?>js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="<?= $base_url ?>js/jquery-ui-1.10.3.custom.js"></script>
    <script type="text/javascript" src="<?= $base_url ?>js/jquery.blockUI.js"></script>
    <script type="text/javascript" src="<?= $base_url ?>js/jquery.blockUI.FMIS.defaults.js"></script>
    <script type="text/javascript" src="<?= $base_url ?>js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?= $base_url ?>js/jquery.ui.timepicker.js"></script>
	<!--<script type="text/javascript" src="<?= $base_url ?>js/jquery.ba-hashchange.min.js"></script>-->
	<!--<script type="text/javascript" src="<?= $base_url ?>js/footer_changeTab.js"></script>-->
    <script type="text/javascript" src="<?= $base_url ?>js/jsapi.JS"></script>
    <script type="text/javascript" src="<?= $base_url ?>js/uds_api_contents.js"></script>

</head>

<body>

<!-- Part 1: Wrap all page content here -->
<div id="wrap">